<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<script type="text/javascript">
$(function() {
	$.ajax( {
		type : 'post',//可选get
		async : false,
		url : 'getAjaxSlideImg',//这里是接收数据的PHP程序
		dataType : 'Json',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
		success : function(msg) {
			var test;
			var datas = msg.data;
			for ( var num in datas) {
				var data = datas[num];
				var dom = '<li><div class="item"><img src="file/' + data.imgURl
						+ '"" alt="" />' + '<div class="caption">'
						+ '<p><a href="#">' + data.title
						+ '</a></p><a href="#">绿信科技有限公司</a>'
						+ '</div></div></li>';
				test = test + dom;
			}
			$('#carousel ul').html(test);
		}

	});
	$('#carousel ul').carouFredSel( {
		prev : '#prev',
		next : '#next',
		pagination : "#pager",
		scroll : 1000
	});

});
</script>
<script type="text/javascript">
$(document).ready(function() {
	//移动像素的图像
		var move = 0;
		//缩放比例，1.2 =120％
		var zoom = 1.2;
		//在对这些缩略图的鼠标滑过事件
		$('.item').hover(function() {
			//根据缩放百分比设置宽度和高度
				width = $('.item').width() * zoom;
				height = $('.item').height() * zoom;
				//移动和缩放图像
				$(this).find('img').stop(false, true).animate( {
					'width' : width,
					'height' : height,
					'top' : move,
					'left' : move
				}, {
					duration : 200
				});
				//显示标题
				$(this).find('div.caption').stop(false, true).fadeIn(200);
			}, function() {
				//复位图像
				$(this).find('img').stop(false, true).animate( {
					'width' : $('.item').width(),
					'height' : $('.item').height(),
					'top' : '0',
					'left' : '0'
				}, {
					duration : 100
				});
				//隐藏标题
				$(this).find('div.caption').stop(false, true).fadeOut(200);
			});
	});
</script>
<link rel="stylesheet" type="text/css" href="css/smslide.css" />

<div id="wrapper">
	<div id="carousel">
		<ul></ul>
		<div class="clearfix"></div>
		<a id="prev" class="prev" href="#">&lt;</a>
		<a id="next" class="next" href="#">&gt;</a>
		<div id="pager" class="pager"></div>

		<div style="width: 80px; margin-left: 20px;">
			<s:if test="#session.user.grade == 2">
				<a href="upload" style="margin-right: 10px;">上传</a>
			</s:if>
			<s:if test="#session.user.grade == 2">
				<a href="getSlideImgAction">删除</a>
			</s:if>
		</div>
	</div>
</div>
